gsap.registerPlugin(Scroll Trigger, ScrollSmoother) 
if (Scroll Trigger.is Touch !== 1) { 


ScrollSmoother.create({ 
wrapper: '.wrapper', 
content: '.content', 
smooth: 1.5, 
effects: true 


}) 


gsap.fromTo('.hero-section', { opacity: 1 }, { 
opacity: 0, 
scrollTrigger: { 
trigger: '.hero-section', 
start: 'center', 
end: '820', 
scrub: true 


}) 
let itemsL = gsap.utils.toArray('.gallery__ left .gallery__ item’) 


itemsL.forEach(item => { 
gsap.fromTo(item, { opacity: 0, x: -50 }, { 


opacity: 1, x: 0, 

scrollTrigger: { 
trigger: item, 
start: '-850', 
end: '-100', 
scrub: true 

} 


}) 
let itemsR = gsap.utils.toArray('.gallery__ right .gallery__ item) 


itemsR.forEach(item => { 
gsap.fromTo(item, { opacity: 0, x: 50 }, { 

opacity: 1, x: 0, 

scrollTrigger: { 
trigger: item, 
start: '-750', 
end: 'top', 
scrub: true 


